import { Button, Tooltip, TreeSelect, message } from 'antd';
import { DeleteOutlined, AppstoreAddOutlined } from '@ant-design/icons';
import { getSelectDataMapList, getTenantID, onMouseOutBtn, renderTableText, tableSorter, tooltipLength } from '@/utils';
import pageStyles from '@/common/pageLayout.less';
// import { ColumnsRenderFun, DictionaryRenderFun } from '../../Acommon';
import { formatDecimalFour } from '../../../Acommon';
import _ from 'lodash';
import { ColumnsRenderFun, DictionaryRenderFun, ILoadMapTypeAll } from '@/common';

// 领用 - 资产
const useAssetTableColumn = ({ openAssetModalFun = null, delSelectRow = null, pageType, queryType = '2', editState, finish }: any) => {
  const isDetail: boolean = pageType == 'detail'; // 是否是查看

  const columnConfig: any = [
    {
      title: '资产编号',
      dataIndex: 'assetCode',
      key: 'assetCode',
      width: 160,
      ishidden: queryType == '1' ? true : false,
      fixed: 'left',
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      sorter: (a: any, b: any) => (a.assetCode > b.assetCode ? 1 : -1),
      render: (text: string) => {
        return (
          <Tooltip title={tooltipLength(text, 50)}>
            <span>{text || '--'}</span>
          </Tooltip>
        );
      },
    },
    {
      title: '资产名称',
      dataIndex: 'assetName',
      key: 'assetName',
      fixed: 'left',
      width: 160,
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      render: (text: string) => ColumnsRenderFun({ text, isTooltip: true }),
    },
    {
      title: '资产分类',
      dataIndex: 'assetClassName',
      key: 'assetClassName',
      width: 120,
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      sorter: (a: any, b: any) => (a.assetClassName > b.assetClassName ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '品牌',
      dataIndex: 'brandType',
      key: 'brandType',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.brandType > b.brandType ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '规格型号',
      dataIndex: 'paramsInfo',
      key: 'paramsInfo',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.paramsInfo > b.paramsInfo ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '状态',
      dataIndex: 'assetStateName',
      key: 'assetStateName',
      width: 110,
      visible: true,
      sorter: (a: any, b: any) => tableSorter(a, b, 'assetStateName'),
      render: (text: string) => renderTableText(text, true),
    },
    {
      title: '供应商',
      dataIndex: 'supplier',
      key: 'supplier',
      width: 150,
      visible: true,
      sorter: (a: any, b: any) => tableSorter(a, b, 'supplier'),
      render: (text: string) => renderTableText(text, true),
    },
    {
      title: '数量',
      dataIndex: 'residueNum',
      key: 'residueNum',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.residueNum > b.residueNum ? 1 : -1),
      render: (text: string, record) => {
        if (isDetail && editState) {
          return (
            <Tooltip title={record?.expectNum + record?.quantityOrArea}>
              <div className={pageStyles['over-flow-hidden']}>{record?.expectNum + record?.quantityOrArea || '--'}</div>
            </Tooltip>
          );
        } else {
          return (
            <Tooltip title={text}>
              <div className={pageStyles['over-flow-hidden']}>{text || record?.expectNum + record?.quantityOrArea || record?.quantityOrArea || '--'}</div>
            </Tooltip>
          );
        }
      },
    },
    {
      title: '计量单位',
      dataIndex: 'unitOfMeasurementName',
      key: 'unitOfMeasurementName',
      width: 110,
      visible: true,
      sorter: (a: any, b: any) => (a.unitOfMeasurement > b.unitOfMeasurement ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isState: false }),
    },
    {
      title: '资产原值（元）',
      dataIndex: 'totalValue',
      key: 'totalValue',
      width: 170,
      visible: true,
      sorter: (a: any, b: any) => (a.totalValue > b.totalValue ? 1 : -1),
      render: (text: string | number) => formatDecimalFour(text),
    },
  ];

  if (queryType != '2' && queryType != '4') {
    columnConfig.push(
      {
        title: '存放区域',
        dataIndex: 'locationName',
        key: 'locationName',
        width: 100,
        visible: false,
        fixed: 'right',
        render: (text: string) => {
          return DictionaryRenderFun({ text, isTooltip: true });
        },
      },
      {
        title: '详细地点',
        dataIndex: 'locationInfo',
        key: 'locationInfo',
        width: 100,
        visible: false,
        fixed: 'right',
        render: (text: string) => ColumnsRenderFun({ text, isTooltip: true }),
      },
    );
  }

  console.log('=================================>>>>>', isDetail, editState, finish);

  if (!editState) {
    columnConfig.push({
      title: (
        <div style={{ width: '100%', textAlign: 'center' }}>
          <Button type="link" size="small" onClick={openAssetModalFun} icon={<AppstoreAddOutlined />} className="manageBtntTxtStyle" onMouseOut={onMouseOutBtn}>
            选择
          </Button>
        </div>
      ),
      dataIndex: 'operation',
      key: 'operation',
      width: 80,
      unDrag: true,
      fixed: 'right',
      render: (_: string, record: Record<string, any>) => {
        return (
          <div className="counterpoartDelBtnStyle">
            <Button
              onClick={() => delSelectRow(record)}
              disabled={pageType == 'view'}
              type={'link'}
              size={'small'}
              icon={<DeleteOutlined />}
              className={'manageBtntTxtStyle'}
            >
              删除
            </Button>
          </div>
        );
      },
    });
  }

  // if ((!isDetail || !editState) && !finish) {

  // }

  return columnConfig;
};

// 退库 - 资产
const returnAssetTableColumn = ({ openAssetModalFun = null, delSelectRow = null, pageType, loadMapInfo, mapLoading, queryType = '2', editState }: any) => {
  const isDetail: boolean = pageType == 'detail'; // 是否是查看

  const assetAreaList = getSelectDataMapList(loadMapInfo?.[`${getTenantID()}${ILoadMapTypeAll.ASSET_AREA}`], 'name', 'id', true);

  const columnConfig: any = [
    {
      title: '资产编号',
      dataIndex: 'assetCode',
      key: 'assetCode',
      width: 160,
      fixed: 'left',
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      sorter: (a: any, b: any) => (a.assetCode > b.assetCode ? 1 : -1),
      render: (text: string) => ColumnsRenderFun({ text, isTooltip: true }),
    },
    {
      title: '资产名称',
      dataIndex: 'assetName',
      key: 'assetName',
      fixed: 'left',
      width: 160,
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      render: (text: string) => ColumnsRenderFun({ text, isTooltip: true }),
    },
    {
      title: '资产分类',
      dataIndex: 'assetClassName',
      key: 'assetClassName',
      width: 120,
      ellipsis: {
        showTitle: true,
      },
      visible: true,
      unDrag: true,
      sorter: (a: any, b: any) => (a.assetClassName > b.assetClassName ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '品牌',
      dataIndex: 'brandType',
      key: 'brandType',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.brandType > b.brandType ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '规格型号',
      dataIndex: 'paramsInfo',
      key: 'paramsInfo',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.paramsInfo > b.paramsInfo ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isTooltip: true }),
    },
    {
      title: '状态',
      dataIndex: 'assetStateName',
      key: 'assetStateName',
      width: 110,
      visible: true,
      sorter: (a: any, b: any) => tableSorter(a, b, 'assetStateName'),
      render: (text: string) => renderTableText(text, true),
    },
    {
      title: '供应商',
      dataIndex: 'supplier',
      key: 'supplier',
      width: 150,
      // ishidden: (queryType == '2' ? true : false),
      visible: true,
      sorter: (a: any, b: any) => tableSorter(a, b, 'supplier'),
      render: (text: string) => renderTableText(text, true),
    },
    {
      title: '数量',
      dataIndex: 'residueNum',
      key: 'residueNum',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.residueNum > b.residueNum ? 1 : -1),
      render: (text: string, record) => {
        if (isDetail) {
          return (
            <Tooltip title={record?.expectNum + record?.quantityOrArea}>
              <div className={pageStyles['over-flow-hidden']}>{record?.expectNum + record?.quantityOrArea || '--'}</div>
            </Tooltip>
          );
        } else {
          return (
            <Tooltip title={text}>
              <div className={pageStyles['over-flow-hidden']}>{text || record?.expectNum + record?.quantityOrArea || record?.quantityOrArea || '--'}</div>
            </Tooltip>
          );
        }
      },
    },
    {
      title: '计量单位',
      dataIndex: 'unitOfMeasurementName',
      key: 'unitOfMeasurementName',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.unitOfMeasurement > b.unitOfMeasurement ? 1 : -1),
      render: (text: string) => DictionaryRenderFun({ text, isState: false }),
    },
    {
      title: '资产原值（元）',
      dataIndex: 'totalValue',
      key: 'totalValue',
      width: 170,
      visible: true,
      sorter: (a: any, b: any) => (a.totalValue > b.totalValue ? 1 : -1),
      render: (text: string | number) => formatDecimalFour(text),
    },
    {
      title: '使用人',
      dataIndex: 'userName',
      key: 'userName',
      width: 120,
      visible: true,
      sorter: (a: any, b: any) => (a.userName > b.userName ? 1 : -1),
      render: (text: string) => {
        return (
          <Tooltip title={text}>
            <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
          </Tooltip>
        );
      },
    },
  ];

  if (queryType != '2' && queryType != '4') {
    columnConfig.push(
      {
        title: '存放区域',
        dataIndex: 'location',
        key: 'location',
        width: 220,
        visible: false,
        fixed: 'right',
        render: (text: string, record: Record<string, any>) => {
          if (isDetail) {
            return (
              <Tooltip title={DictionaryRenderFun({ text: record?.locationName, isState: false })}>
                <div className={pageStyles['over-flow-hidden']}>{DictionaryRenderFun({ text: record?.locationName, isState: false }) || '--'}</div>
              </Tooltip>
            );
          }
          return text ? (
            <TreeSelect
              bordered={false}
              loading={mapLoading}
              placeholder="请选择"
              treeData={assetAreaList}
              fieldNames={{
                label: 'name',
                value: 'id',
                children: 'children',
              }}
              value={text}
              style={{ width: '100%' }}
              showSearch={true}
              treeNodeFilterProp={'name'}
              allowClear={true}
              disabled={true}
            />
          ) : (
            '--'
          );
        },
      },
      {
        title: '详细地点',
        dataIndex: 'locationInfo',
        key: 'locationInfo',
        width: 180,
        visible: false,
        fixed: 'right',
        render: (text: string) => ColumnsRenderFun({ text, isTooltip: true }),
      },
      {
        title: '领用数量',
        dataIndex: 'quantityOrArea',
        key: 'quantityOrArea',
        width: 130,
        fixed: 'right',
        sorter: (a: any, b: any) => tableSorter(a, b, 'quantityOrArea'),
        render: (text: string | number) => {
          return (
            <Tooltip title={text}>
              <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
            </Tooltip>
          );
        },
      },
    );
  }

  if (!isDetail && !editState) {
    columnConfig.push({
      title: (
        <div style={{ width: '100%', textAlign: 'center' }}>
          <Button type="link" size="small" onClick={openAssetModalFun} icon={<AppstoreAddOutlined />} className="manageBtntTxtStyle" onMouseOut={onMouseOutBtn}>
            选择
          </Button>
        </div>
      ),
      dataIndex: 'operation',
      key: 'operation',
      width: 80,
      unDrag: true,
      fixed: 'right',
      render: (_: string, record: Record<string, any>) => {
        return (
          <div className="counterpoartDelBtnStyle">
            <Button
              onClick={() => {
                delSelectRow(record);
              }}
              disabled={pageType == 'view'}
              type={'link'}
              size={'small'}
              icon={<DeleteOutlined />}
              className={'manageBtntTxtStyle'}
            >
              删除
            </Button>
          </div>
        );
      },
    });
  }

  return columnConfig;
};

export { returnAssetTableColumn, useAssetTableColumn };

// if (isDetail && editState) {
//   return (
//     <Tooltip title={DictionaryRenderFun({ text: record?.locationName, isState: false })}>
//       <div className={pageStyles['over-flow-hidden']}>{DictionaryRenderFun({ text: record?.locationName, isState: false }) || '--'}</div>
//     </Tooltip>
//   );
// }
// return text ? (
//   <TreeSelect
//     bordered={false}
//     loading={mapLoading}
//     placeholder="请选择"
//     treeData={assetAreaList}
//     fieldNames={{
//       label: 'name',
//       value: 'id',
//       children: 'children',
//     }}
//     value={text}
//     style={{ width: '100%' }}
//     showSearch={true}
//     treeNodeFilterProp={'name'}
//     allowClear={true}
//     disabled={true}
//   />
// ) : (
//   '--'
// );

// if (queryType == '2') {
//   columnConfig.push({
//     title: '选择仓库',
//     dataIndex: 'assetStoreId',
//     key: 'assetStoreId',
//     width: 220,
//     visible: false,
//     fixed: 'right',
//     render: (text: string, record: Record<string, any>, index: number) => {
//       return (
//         <TreeSelect
//           bordered={false}
//           loading={getStorageLoading}
//           placeholder="请选择"
//           treeData={storeTreeList}
//           fieldNames={{
//             label: 'storeName',
//             value: 'id',
//             children: 'children',
//           }}
//           value={text}
//           style={{ width: '100%' }}
//           showSearch={true}
//           treeNodeFilterProp={'text'}
//           allowClear={true}
//           disabled={isDetail}
//           onSelect={(value: any, node: any) => {
//             if (node.storeState == 1) {
//               changeAssetItemStore(index, node);
//             } else {
//               message.error('该仓库处于关闭状态，请选择其他仓库！');
//             }
//           }}
//         />
//       );
//     },
//   });
// }

// {
//   title: '管理部门',
//   dataIndex: 'assetDepartmentName',
//   key: 'assetDepartmentName',
//   width: 120,
//   visible: true,
//   sorter: (a: any, b: any) => (a.assetDepartmentName > b.assetDepartmentName ? 1 : -1),
//   render: (text: string) => {
//     return (
//       <Tooltip title={text}>
//         <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
//       </Tooltip>
//     );
//   },
// },
// {
//   title: '管理人',
//   dataIndex: 'asseterName',
//   key: 'asseterName',
//   width: 120,
//   visible: true,
//   sorter: (a: any, b: any) => (a.asseterName > b.asseterName ? 1 : -1),
//   render: (text: string) => {
//     return (
//       <Tooltip title={text}>
//         <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
//       </Tooltip>
//     );
//   },
// },
// {
//   title: '取得方式',
//   dataIndex: 'obtainTypeName',
//   key: 'obtainTypeName',
//   width: 120,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.obtainTypeName > b.obtainTypeName ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// {
//   title: '取得日期',
//   dataIndex: 'obtainDate',
//   key: 'obtainDate',
//   width: 150,
//   visible: false,
//   sorter: (a: any, b: any) => (a.enterStoreTime > b.enterStoreTime ? 1 : -1),
//   render: (text: string) => {
//     return text ? moment(text).format('YYYY-MM-DD') : '--';
//   },
// },
// {
//   title: '合同编号',
//   dataIndex: 'contractCode',
//   key: 'contractCode',
//   width: 120,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.contractCode > b.contractCode ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// {
//   title: '财务入账状态',
//   dataIndex: 'entryStateName',
//   key: 'entryStateName',
//   width: 150,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.entryStateName > b.entryStateName ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// {
//   title: '领用数量',
//   dataIndex: 'quantityOrArea',
//   key: 'quantityOrArea',
//   width: 130,
//   fixed: 'right',
//   sorter: (a: any, b: any) => tableSorter(a, b, 'quantityOrArea'),
//   render: (text: string | number, record: Record<string, any>) => {
//     return (
//       <Tooltip title={text}>
//         <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
//       </Tooltip>
//     );
//   },
// },
// columnConfig.push({
//   title: '分配资产',
//   dataIndex: 'assetIds',
//   key: 'assetIds',
//   width: 160,
//   fixed: 'right',
//   render: (text: any, record: Record<string, any>, index: number) => {
//     return (
//       <>
//         <div style={{ width: 150, overflowY: 'scroll' }}>
//           <div style={{ width: 110 }} className={pageStyles['over-flow-hidden']}>
//             {text && Object.keys(text).length !== 0
//               ? Object.keys(text).map((item: any, idx: number) => {
//                   return (
//                     <Tooltip title={text[item]} key={idx}>
//                       <div key={idx} className={pageStyles['over-flow-hidden']}>
//                         <a
//                           onClick={() => {
//                             history.push({
//                               pathname: `/assetInfo/detail/:${getKeyRouter()}${getKeyRouter()}`,
//                               state: {
//                                 pageType: 'hidden',
//                                 id: item,
//                                 returnPathName: history.location.pathname,
//                               },
//                             });
//                           }}
//                         >
//                           {text[item]}
//                         </a>
//                       </div>
//                     </Tooltip>
//                   );
//                 })
//               : '--'}
//           </div>
//           {!finish && (
//             <span style={{ float: 'right' }}>
//               <a>
//                 <SearchOutlined
//                   onClick={() => {
//                     changeEditAssetId(record.materialOrAssetId, index, text);
//                     openAssetModalFun();
//                   }}
//                 />
//               </a>
//             </span>
//           )}
//         </div>
//       </>
//     );
//   },
// });
// {
//   title: '管理部门',
//   dataIndex: 'assetDepartmentName',
//   key: 'assetDepartmentName',
//   width: 120,
//   visible: true,
//   sorter: (a: any, b: any) => (a.assetDepartmentName > b.assetDepartmentName ? 1 : -1),
//   render: (text: string) => {
//     return (
//       <Tooltip title={text}>
//         <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
//       </Tooltip>
//     );
//   },
// },
// {
//   title: '管理人',
//   dataIndex: 'asseterName',
//   key: 'asseterName',
//   width: 120,
//   visible: true,
//   sorter: (a: any, b: any) => (a.asseterName > b.asseterName ? 1 : -1),
//   render: (text: string) => {
//     return (
//       <Tooltip title={text}>
//         <div className={pageStyles['over-flow-hidden']}>{text || '--'}</div>
//       </Tooltip>
//     );
//   },
// },
// {
//   title: '取得方式',
//   dataIndex: 'obtainTypeName',
//   key: 'obtainTypeName',
//   width: 120,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.obtainTypeName > b.obtainTypeName ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// {
//   title: '取得日期',
//   dataIndex: 'obtainDate',
//   key: 'obtainDate',
//   width: 150,
//   visible: false,
//   sorter: (a: any, b: any) => (a.enterStoreTime > b.enterStoreTime ? 1 : -1),
//   render: (text: string) => {
//     return text ? moment(text).format('YYYY-MM-DD') : '--';
//   },
// },
// {
//   title: '合同编号',
//   dataIndex: 'contractCode',
//   key: 'contractCode',
//   width: 120,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.contractCode > b.contractCode ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// {
//   title: '财务入账状态',
//   dataIndex: 'entryStateName',
//   key: 'entryStateName',
//   width: 150,
//   ellipsis: {
//     showTitle: true,
//   },
//   visible: true,
//   unDrag: true,
//   sorter: (a: any, b: any) => (a.entryStateName > b.entryStateName ? 1 : -1),
//   render: (text: string) => DictionaryRenderFun({ text, isState: false }),
// },
// if (queryType == '2') {
//   columnConfig.push({
//     title: '选择仓库',
//     dataIndex: 'assetStoreId',
//     key: 'assetStoreId',
//     width: 220,
//     visible: false,
//     fixed: 'right',
//     render: (text: string, record: Record<string, any>, index: number) => {
//       return (
//         <TreeSelect
//           bordered={false}
//           loading={getStorageLoading}
//           placeholder="请选择"
//           treeData={storeTreeList}
//           fieldNames={{
//             label: 'storeName',
//             value: 'id',
//             children: 'children',
//           }}
//           value={text}
//           style={{ width: '100%' }}
//           showSearch={true}
//           treeNodeFilterProp={'text'}
//           allowClear={true}
//           disabled={isDetail}
//           onSelect={(value: any, node: any) => {
//             if (node.storeState == 1) {
//               changeAssetItemStore(index, node);
//             } else {
//               message.error('该仓库处于关闭状态，请选择其他仓库！');
//             }
//           }}
//         />
//       );
//     },
//   });
// }
// if (editState || finish) {
//   columnConfig.push({
//     title: '分配资产',
//     dataIndex: 'assetIds',
//     key: 'assetIds',
//     width: 160,
//     fixed: 'right',
//     render: (text: any, record: Record<string, any>, index: number) => {
//       return (
//         <>
//           <div style={{ width: 150, overflowY: 'scroll' }}>
//             <div style={{ width: 110 }} className={pageStyles['over-flow-hidden']}>
//               {text && Object.keys(text).length !== 0
//                 ? Object.keys(text).map((item: any, idx: number) => {
//                     return (
//                       <Tooltip title={text[item]} key={idx}>
//                         <div key={idx} className={pageStyles['over-flow-hidden']}>
//                           <a
//                             onClick={() => {
//                               history.push({
//                                 pathname: `/assetInfo/detail/:${getKeyRouter()}${getKeyRouter()}`,
//                                 state: {
//                                   pageType: 'hidden',
//                                   id: item,
//                                   returnPathName: history.location.pathname,
//                                 },
//                               });
//                             }}
//                           >
//                             {text[item]}
//                           </a>
//                         </div>
//                       </Tooltip>
//                     );
//                   })
//                 : '--'}
//             </div>
//             {!finish && (
//               <span style={{ float: 'right' }}>
//                 <a>
//                   <SearchOutlined
//                     onClick={() => {
//                       changeEditAssetId(record.materialOrAssetId, index, text);
//                       openAssetModalFun();
//                     }}
//                   />
//                 </a>
//               </span>
//             )}
//           </div>
//         </>
//       );
//     },
//   });
// }
